<template>
	<div class="bilet2">
		<div class="bilet11">
			<span class="left2">影片速递</span>
			<span class="right2">更多></span>
		</div>
		<div class="bilet22">
			<img src="../../../assets/img/mobile/movie2.png" />
			
			<img src="../../../assets/img/mobile/movie3.png" />
			
			<img src="../../../assets/img/mobile/movie1.png" />
		</div>
		<div class="bilet33">
			<span>复仇者联盟</span>
			<span>匆匆那年</span>
			<span>REST</span>
		</div>
		<div class="bilet22">
			<img src="../../../assets/img/mobile/movie3.png" />
			
			<img src="../../../assets/img/mobile/movie1.png" />
			
			<img src="../../../assets/img/mobile/movie2.png" />
		</div>
		<div class="bilet33">
			<span>匆匆那年</span>
			<span>REST</span>
			<span>复仇者联盟</span>
		</div>
	</div>
</template>

<script>
	export default{
		name:'Bilet2'
	}
</script>

<style scoped>
	.bilet2{
		width: 100%;
		height: 420px;
		background-color: #343434;
		margin-top: 0.42rem;
	}
	.bilet11{
		width: 100%;
		height: 35px;
		/* border: 1px solid red; */
	}
	.left2{
		margin-left: 0.5rem;
		color: white;
		line-height: 2.1875rem;
	}
	.right2{
		float: right;
		color: white;
		line-height: 2.1875rem;
		margin-right: 0.5rem;
	}
	.bilet22{
		display: flex;
	}
	.bilet22 img{
		width: 30%;
		height: 9.375rem;
		margin: auto;
	}
	.bilet33{
		width: 100%;
		height: 40px;
		/* border: 1px solid red; */
		text-align: center;
	}
	.bilet33 span{
		color: white;
		line-height: 2.5rem;
		margin: 9%;
	}
</style>
